<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header"><a class="navbar-brand" href="#">我的拉钩职位管理系统</a></div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    
      <ul class="nav navbar-nav" id="my-nav">
        <li ><a href="/">首页</a></li>
        <li><a href="/html/list.html">职位列表</a></li>
      </ul>
      
      <ul class="nav navbar-nav navbar-right" id="unlogin-ul">
        <li data-toggle="modal" data-target="#loginModal"><a href="#">登录</a></li>
        <li data-toggle="modal" data-target="#registerModal"><a href="#">注册</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right hide" id="login-ul">
        <li><a href="#">欢迎您：<span id="user-span"></span></a></li>
        <li id="logout-btn"><a href="#">退出</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>